

<style>.top{ margin-top:10px; }</style>
	<div id="page-heading">
      <ol class="breadcrumb">
        <li><a href="/">Portada</a></li>
        <li>Administració</li>
        <li class="active">Modificar Menús</li>
      </ol>
    </div>
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="panel ">
					<div class="panel-heading">
						<h4>Sel·leccionar Gestor</h4>
					</div>
					<div class="panel-body col-md-12">
						<div class="row">
							<div class="form-group col-md-12">
								<div class="col-md-1 top"> Gestor</div>
								<div class="col-md-2">
									<select id="lista_gestores" class="form-control ">
									</select>
								</div>
								<div class="col-sm-6" style="padding-top:10px">
									<a class="btn-sm btn-info" onclick="javascript:editor.nou()"><i class="fa fa-plus"> Nou</i></a> 
									<a class="btn-sm btn-orange" onclick="javascript:editarGestor();"><i class="fa fa-edit"> Editar</i></a>
								</div>
							</div>
						</div>
						<div id="listado_menus_gestor" style="display:none;">
							<div class="row">
								<div class="form-group col-md-12">
									<div class="col-md-1 top">Menú</div>
									<div class="col-md-2">
										<select id="select_menu" class="form-control"></select>
									</div>
									<div class="col-sm-6" style="margin-top: 10px;" >
										<a class="btn-sm btn-info" onclick="javascript:editor.formNouMenu();"><i class="fa fa-plus"> Nou</i></a>
										<a class="btn-sm btn-orange" onclick="javascript:formEditarMenu();"><i class="fa fa-edit"> Editar</i></a>
									</div>
								</div>
							</div>	
							<div class="row">
								<div class="form-group col-md-12">
									<div class="col-md-1 top"> Sub Menú</div>
									<div class="col-md-2">
										<select id="lista_submenus" class="form-control"></select>
									</div>
									<div class="col-sm-6" style="margin-top: 10px;" >
										<a class="btn-sm btn-info" onclick="javascript:editor.formNouSubMenu();"><i class="fa fa-plus"> Nou</i></a>
										<a class="btn-sm btn-orange" onclick="javascript:formEditarSubMenu();"><i class="fa fa-edit"> Editar</i></a>
									</div>
								</div>
							</div>	
							<div class="row">
								<div class="dd col-md-12" id="listadoMenusSubMenus">
									<ol class="dd-list col-md-6" id="menus_listado"></ol>
								</div>
								<div class="col-sm-12">
										<a class="btn-sm btn-info" onclick="javascript:guardarCambiosListadoSubmenus();"><i class="fa fa-plus"> Canvi ordre</i></a>
								</div>
							</div>
							
						</div>
					</div>
						
					</div>
				</div>
			</div>
</div>

<?php echo HTML::plugins('form-nestable/jquery.nestable.css');?>
<?php echo HTML::script('plugins/form-nestable/jquery.nestable.min.js');?>
<?php echo(HTML::script('plugins/form-xeditable/bootstrap3-editable/js/bootstrap-editable.min.js'));?>
<?php echo HTML::script('editor_menus.js');?>
